<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>合格证1</title>
	<style>
		*{
			margin:0px;
			padding: 0px;
			word-break: break-all;
		}
		.mian{
			position: relative;
			/*上下移动*/
			/*	top: 29mm;*/
			top: 24mm;
			/*左右移动*/
			left: 9mm;
			height: 147.5mm;
			width:105mm;
			/*background-color: #545;*/
			font-size:10px;
			/*border: 1px solid #000;*/
			font-family: "楷体";
		}
		.mian p{
			position: relative;
			height: 11.5mm;
			box-sizing: border-box;
			padding-left: 20mm;
			word-wrap: break-all;
			text-align: center;
		}
		.products{
			font-size: 12px;
		}
		#classType{
			line-height: 11.5mm;
			font-size: 20px;
		}
		.content{
			box-sizing: border-box;
		}
		.left{
			word-wrap: break-all;
			width:34mm;
		}
		.left p{
/*			box-sizing: border-box;*/
			padding-top:10mm;
			padding-left:2mm;
			height: 16mm; 
			text-align: left;
			/*background-color: #ccc;*/
		}
		.mian .content .right {
			position: absolute;
			top:50mm;
			left:35mm;
			/*background-color: #fff;*/
			width:70mm;
			height: 113mm;
		}
		.mian .content .right td{
			width:30%;
			height: 9mm;
			word-wrap: break-all;
			padding-left: 5mm;
		}
		.mian .content .total{
			position: absolute;
			left: 40mm;
			bottom: 1mm;
		}
		.mian .content .total .td{
			width:30mm;
			word-break: break-all;
		}
		#sum{
			font-size: 12px;
		}
		.customerName{
			line-height: 1;
		}
	</style>
</head>
<body>
	<div class="mian">
		<p class="products"><span>中空玻璃</span><br><span>11111111</span></p>
		<p class="standard">GB 15763.2-2005、GB/T 18915.1 2-2013、GB/T11944-2012</p>
		<p id="classType">超白LOW-E平钢</p>
		<div class="content">
			<div class="left">
				<p class="scheduleNo">计划号</p>
				<p class="customerName">客户名称我想看看我能不能换行</p>
				<P class="caseNo"> 箱号</P>
				<p class="trackingCardNo">流转卡号</p>
				<P class="shift">生产班组/日期</P>
				<p class="inspectors">检察员</p>
				<P class="paker">装箱员</P>
			</div>
			<div class="right">
				<table>
				  <tr>
				    <td class="td" >规格占位：我能换行吗</td>
				    <td class="td">数量占位3600*360</td>
				    <td class="td">备注占位</td>
				  </tr>
				</table>
			</div>
			<div class="total">
				<table>
				  <tr>
				    <td class="td" id="sum" >合计占位：</td>
				    <td class="td">数量占位</td>
				    <td class="td">面积占位</td>
				    <td class="td">重量占位</td>
				  </tr>
				</table>
			</div>
		</div>
	</div>
</body>
</html>